import Vue from "./index.js";
var vm = new Vue({
  el: "#app",
  data: {
    name: "yunhe达摩院",
    age: 16,
    shops: ["apple", "banana", "tomato"],
    school: {
      java1: "河南大学",
      java2: "郑州大学",
      pm: "厦门大学",
      ui: "不知道那个大学",
      web: {
        name: "赵sir",
        age: 21,
      },
    },
  },
});

// 修改name
setTimeout(() => {
  vm.name = "name被修改了  并且触发了响应式更新";
}, 3000);

// 多级对象也能响应式更新
vm.school.web.name = "zhaozhaozhao";

console.log("vm===> ", vm);
